<script setup lang="ts">
  // 导入 Vant 的 Tabbar 和 TabbarItem 组件
  import { Tabbar, TabbarItem } from 'vant';
</script>

<template>
  <!-- 生成二级路由出口 -->
  <router-view />

  <!-- 底部菜单 -->
  <Tabbar route>
    <TabbarItem to="/home" icon="home-o">首页</TabbarItem>
    <TabbarItem to="/article" icon="article-o">图文中心</TabbarItem>
    <TabbarItem to="/user" icon="contact">个人中心</TabbarItem>
    <TabbarItem to="/notify" icon="bell-o">消息通知</TabbarItem>
  </Tabbar>
</template>

<style scoped>
  /* 可以在这里添加样式 */
</style>